/** @type {import('tailwindcss').Config} */
const colors = require('tailwindcss/colors')

module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}"
  ],
  darkMode:'class',
  theme: {
    extend: {
      colors: {
        'klineGreen': 'var(--kline-green)',
        'klineGreenBg': 'var(--kline-green-bg)',
        'klineGreenHover': 'var(--kline-green-hover)',
        'klineRed': 'var(--kline-red)',
        'klineRedBg': 'var(--kline-red-bg)',
        'klineRedHover': 'var(--kline-red-hover)',
        'primaryColor': 'var(--primary-color)',
        'primaryColorBg': 'var(--primary-color-bg)',
        'primaryColorHover': 'var(--primary-color-hover)',
        'orangeRed': 'var(--orange-red)',
        'pink': 'var(--pink)',
        'linkColor': 'var(--link-color)',
        'linkColorHover': 'var(--link-color-hover)',
        'purple': 'var(--purple)',
        'green': 'var(--green)',
        'blueGrey': 'var(--blue-grey)',
        'deepRed': 'var(--deep-red)',
        'sandybrown': 'var(--sandybrown)',
        'ultramarine': 'var(--ultramarine)',
        'greenishYellow': 'var(--greenish-yellow)',
        'white': 'var(--white)',
        'black': 'var(--black)',
        'scrollbarThumb': 'var(--scrollbar-thumb)',
        'primaryColorOpacity1': 'var(--primary-color-opacity1)',
        'otcContBg': 'var(--otc-cont-bg)',
        'otcInpBg': 'var(--otc-inp-bg)',
        'otcTabBor': 'var(--otc-tab-bor)',
        'otcNavActive': 'var(--otc-nav-active)',
        'otcNavBg': 'var(--otc-nav-bg)',
        'textColorLevel1': 'var(--text-color-level1)',
        'textColorLevel2': 'var(--text-color-level2)',
        'textColorLevel3': 'var(--text-color-level3)',
        'textColorLevel4': 'var(--text-color-level4)',
        'iconColor': 'var(--icon-color)',
        'lineColor': 'var(--line-color)',
        'btnBgColor': 'var(--btn-bg-color)',
        'bgColor': 'var(--bg-color)',
        'moduleSplitColor': 'var(--module-split-color)',
        'dialogBgColor': 'var(--dialog-bg-color)',
        'dialogShadowColor': 'var(--dialog-shadow-color)',
        'dialogBtnBgColor': 'var(--dialog-btn-bg-color)',
        'klineGreenHoverBg': 'var(--kline-green-hover-bg)',
        'klineRedHoverBg': 'var(--kline-red-hover-bg)',
        'primaryColorBgPure': 'var(--primary-color-bg-pure)',
      },
    },
  },
  plugins: [],
}

